<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <link href="http://vjs.zencdn.net/5.19/video-js.min.css" rel="stylesheet">
    <script src="http://vjs.zencdn.net/5.19/video.min.js"></script>
</head>

<body>
    <video id="my-player" class="video-js" controls preload="auto" poster="//vjs.zencdn.net/v/oceans.png"
        data-setup='{}'>
        <!-- <source src='rtmp://live.hkstv.hk.lxdns.com/live/hks' type='rtmp/flv' /> -->
        <source src="rtmp://58.200.131.2:1935/livetv/hunantv" type="rtmp/flv">
        </p>
    </video>
    <script type="text/javascript">
        var player = videojs('my-player');
        var options = {};

        var player = videojs('my-player', options, function onPlayerReady() {
            videojs.log('Your player is ready!');
            // In this context, `this` is the player that was created by Video.js.
            this.play();
            // How about an event listener?
            this.on('ended', function () {
                videojs.log('Awww...over so soon?!');
            });
        });

    </script>
</body>

</html>